<template>
    <div class="app-container">
        <el-tabs v-model="activeName2" type="card" @tab-click="handleClick">
            <el-tab-pane label="个人信息" name="first">
                <userInfo></userInfo>
            </el-tab-pane>
            <el-tab-pane label="从业经历" name="second">
                <workExperience></workExperience>
            </el-tab-pane>
            <el-tab-pane label="证件信息" name="third">
                <certificateInfo></certificateInfo>
            </el-tab-pane>
            <el-tab-pane label="诚信记录" name="fourth">
                <creditInfo></creditInfo>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
import userInfo from './modifyUserChild/userInfo'
import workExperience from './modifyUserChild/workExperience'
import certificateInfo from './modifyUserChild/certificateInfo'
import creditInfo from './modifyUserChild/creditInfo'
export default {
    name: 'modifyUser',
    components: { userInfo, workExperience, certificateInfo, creditInfo },
    data () {
        return {
            activeName2: 'first'
        }
    },
    methods: {
        handleClick (tab, event) {
        }
    }
}
</script>
<style scoped>
</style>